{% extends "base.html" %}

{% block title %}首页{% endblock %}

{% block content %}
<div class="row">
    <div class="col-12 text-center mb-5">
        <h1 class="display-4"><i class="fas fa-toolbox text-primary"></i> 欢迎使用JYB工具箱</h1>
        <p class="lead text-muted">在工作中思考、总结、进步</p>
        <p class="lead text-muted">用代码提高工作效率</p>
    </div>
</div>

<div class="row g-4">
    <!-- 测试记录模板生成工具 -->
    <div class="col-md-6 col-lg-3">
        <div class="card h-100 shadow-sm hover-card">
            <div class="card-body text-center">
                <div class="mb-3">
                    <i class="fas fa-file-export fa-3x text-info"></i>
                </div>
                <h5 class="card-title">
                    测试记录模板生成工具
                    <span class="badge bg-primary ms-1" style="font-size: 0.5em;">已完成</span>
                </h5>
                <p class="card-text text-muted">
                    将Excel需求数据导出为Word测试记录模板<br>
                    <small class="text-success"><i class="fas fa-check-circle"></i> 用来快速生成测试记录模板</small>
                </p>
                <a href="{{ url_for('tools.excel_to_word') }}" class="btn btn-info">
                    <i class="fas fa-arrow-right"></i> 使用工具
                </a>
            </div>
        </div>
    </div>

    <!-- 文档批量替换工具 -->
    <div class="col-md-6 col-lg-3">
        <div class="card h-100 shadow-sm hover-card">
            <div class="card-body text-center">
                <div class="mb-3">
                    <i class="fas fa-edit fa-3x text-warning"></i>
                </div>
                <h5 class="card-title">
                    文档批量替换
                    <span class="badge bg-primary ms-1" style="font-size: 0.5em;">已完成</span>
                </h5>
                <p class="card-text text-muted">
                    批量查找和替换多个文档中的内容<br>
                    <small class="text-success">
                        <i class="fas fa-check-circle"></i> 支持文件夹上传<br>
                        <i class="fas fa-check-circle"></i> 批量替换规则<br>
                        <i class="fas fa-check-circle"></i> 页眉页脚替换
                    </small>
                </p>
                <a href="{{ url_for('tools.doc_replace') }}" class="btn btn-warning">
                    <i class="fas fa-arrow-right"></i> 使用工具
                </a>
            </div>
        </div>
    </div>
</div>

<div class="row mt-5">
    <div class="col-12">
        <div class="card bg-light">
            <div class="card-body">
                <h5 class="card-title"><i class="fas fa-lightbulb text-warning"></i> 使用说明</h5>
                <ul class="mb-0">
                    <li>选择您需要的工具，点击"使用工具"按钮进入</li>
                    <li>按照页面提示上传文件或填写必要信息</li>
                    <li>处理完成后可以下载生成的文件</li>
                    <li>如有问题，请查看<a href="{{ url_for('main.help') }}">帮助文档</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% endblock %}
